/*******************************************************************************
 * Copyright (c) 2010, 2015 EclipseSource and others.
 * All rights reserved. This program and the accompanying materials
 * are made available under the terms of the Eclipse Public License v1.0
 * which accompanies this distribution, and is available at
 * http://www.eclipse.org/legal/epl-v10.html
 *
 * Contributors:
 *    EclipseSource - initial API and implementation
 ******************************************************************************/

/* ToolBar default theme */

ToolBar {
  font: 14px Verdana, "Lucida Sans", Arial, Helvetica, sans-serif;
  color: #4a4a4a;
  padding: 0;
  spacing: 0;
  background-color: #ffffff;
  background-image: gradient(
    linear, left top, left bottom,
    from( #f9f9f9 ),
    to( #e4e4e4 )
  );
  border: 1px solid #bdbdbd;
  border-radius: 3px;
  opacity: 1;
}

ToolBar[FLAT] {
  font: 14px Verdana, "Lucida Sans", Arial, Helvetica, sans-serif;
  color: #4a4a4a;
  padding: 0;
  background-color: #ffffff;
  border-radius: 3px;
  opacity: 1;
  border: none;
  background-image: none;
  spacing: 4px;
}

ToolBar[FLAT][BORDER] {
  font: 14px Verdana, "Lucida Sans", Arial, Helvetica, sans-serif;
  color: #4a4a4a;
  padding: 3px 3px 6px 3px;
  background-color: #ffffff;
  border-radius: 3px;
  opacity: 1;
  border: 1px solid #bdbdbd;
  background-image: none;
  spacing: 4px;
}

ToolItem {
  color: inherit;
  background-color: transparent;
  background-image: none;
  border-radius: 0px;
  padding: 8px;
  spacing: 4px;
  opacity: 1;
  animation: none;
  text-shadow: 1px 1px 1px #ccc;
  border-left: 1px solid transparent;
  border-right: 1px solid transparent;
  border-top: none;
  border-bottom: none;
}

ToolItem[FLAT] {
  color: inherit;
  background-color: transparent;
  background-image: none;
  border-radius: 3px 3px 3px 3px;
  padding: 8px;
  spacing: 4px;
  opacity: 1;
  animation: none;
  text-shadow: 1px 1px 1px #ccc;
  border: 1px solid transparent;
}

ToolItem[VERTICAL] {
  color: inherit;
  background-color: transparent;
  background-image: none;
  border-radius: 0px;
  padding: 8px;
  spacing: 4px;
  opacity: 1;
  animation: none;
  text-shadow: 1px 1px 1px #ccc;
  border-left: none;
  border-right: none;
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
}

ToolItem:first, ToolItem[RIGHT_TO_LEFT]:last {
  border-radius: 3px 0px 0px 3px;
}

ToolItem:last, ToolItem[RIGHT_TO_LEFT]:first {
  border-radius: 0px 3px 3px 0px;
}

ToolItem[VERTICAL]:first {
  border-radius: 3px 3px 0px 0px;
}

ToolItem[VERTICAL]:last {
  border-radius: 0px 0px 3px 3px;
}

ToolItem:first:last, ToolItem[VERTICAL]:first:last {
  border-radius: 3px 3px 3px 3px;
}

ToolItem:hover {
  background-image: gradient(
    linear, left top, left bottom,
    from( #eaeaea ),
    to( #d5d5d5 )
  );
}

ToolItem:pressed {
  padding: 9px 8px 7px 8px;
  background-image: gradient(
    linear, left top, left bottom,
    from( #d5d5d5 ),
    to( #eaeaea )
  );
}

ToolItem:selected {
  padding: 9px 8px 7px 8px;
  background-image: gradient(
    linear, left top, left bottom,
    from( #e4e4e4 ),
    to( #f9f9f9 )
  );
}

ToolItem[VERTICAL]:hover {
  background-image: gradient(
    linear, left top, right top,
    from( #d9d9d9 ),
    color-stop( 45%, #e9e9e9 ),
    color-stop( 55%, #e9e9e9 ),
    to( #d9d9d9 )
  );}

ToolItem[VERTICAL]:pressed, ToolItem[VERTICAL]:selected {
  background-image: gradient(
    linear, left top, right top,
    from( #e9e9e9 ),
    color-stop( 45%, #dadada ),
    color-stop( 55%, #dadada ),
    to( #e9e9e9 )
  );
}

ToolItem:first:hover,
ToolItem:first:selected,
ToolItem:first:pressed {
  border-left: 1px solid transparent;
  border-right: 1px solid #bdbdbd;
  border-top: none;
  border-bottom: none;
}

ToolItem:last:hover,
ToolItem:last:selected,
ToolItem:last:pressed {
  border-left: 1px solid #bdbdbd;
  border-right: 1px solid transparent;
  border-top: none;
  border-bottom: none;
}

ToolItem[RIGHT_TO_LEFT]:first:hover,
ToolItem[RIGHT_TO_LEFT]:first:selected,
ToolItem[RIGHT_TO_LEFT]:first:pressed {
  border-left: 1px solid #bdbdbd;
  border-right: 1px solid transparent;
  border-top: none;
  border-bottom: none;
}

ToolItem[RIGHT_TO_LEFT]:last:hover,
ToolItem[RIGHT_TO_LEFT]:last:selected,
ToolItem[RIGHT_TO_LEFT]:last:pressed {
  border-left: 1px solid transparent;
  border-right: 1px solid #bdbdbd;
  border-top: none;
  border-bottom: none;
}

ToolItem:first:last, ToolItem[VERTICAL]:first:last {
  border: none;
}

ToolItem[VERTICAL]:first:hover,
ToolItem[VERTICAL]:first:selected,
ToolItem[VERTICAL]:first:pressed {
  border-left: none;
  border-right: none;
  border-top: 1px solid transparent;
  border-bottom: 1px solid #bdbdbd;
}

ToolItem[VERTICAL]:last:hover,
ToolItem[VERTICAL]:last:selected,
ToolItem[VERTICAL]:last:pressed {
  border-left: none;
  border-right: none;
  border-top: 1px solid #bdbdbd;
  border-bottom: 1px solid transparent;
}

ToolItem[FLAT],
ToolItem[FLAT]:first,
ToolItem[FLAT]:last {
  border: 1px solid transparent;
  border-radius: 3px 3px 3px 3px;
}

ToolItem[FLAT]:hover,
ToolItem[FLAT]:pressed,
ToolItem[FLAT]:selected,
ToolItem[FLAT]:first:hover,
ToolItem[FLAT]:first:pressed,
ToolItem[FLAT]:first:selected,
ToolItem[FLAT]:last:hover,
ToolItem[FLAT]:last:pressed,
ToolItem[FLAT]:last:selected {
  border: 1px solid #bdbdbd;
  border-radius: 3px 3px 3px 3px;
}

ToolItem[FLAT]:hover,
ToolItem[FLAT]:first:hover,
ToolItem[FLAT]:last:hover {
  background-image: gradient(
    linear, left top, left bottom,
    from( #f9f9f9 ),
    to( #e4e4e4 )
  );
}

ToolItem[FLAT]:pressed, ToolItem[FLAT]:first:pressed, ToolItem[FLAT]:last:pressed {
  background-image: gradient(
    linear, left top, left bottom,
    from( #d5d5d5 ),
    to( #eaeaea )
  );
}

ToolItem[FLAT]:selected {
  background-image: gradient(
    linear, left top, left bottom,
    from( #e4e4e4 ),
    to( #f9f9f9 )
  );
}

ToolItem-DropDownIcon {
  background-image: url( resource/widget/rap/toolbar/down.png );
  border: none;
}

ToolItem-Separator {
  width: 10px;
}
